<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"  
                xmlns:h="http://java.sun.com/jsf/html"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../templates/StaffTemplate.xhtml">

    <ui:define name="nav_menu">
        <p:menubar model="#{staffChangeInitialPasswordManagedBean.staffMenuModel}"/>
    </ui:define>
    <ui:define name="content">
        <f:view beforePhase="#{grouponManagerBean.initTCubeViewGrouponApplication}"/>
        <h1>Review groupon application details</h1>
        <p:growl id="messages" />
        <p:fieldset style="width:950px">

            <p:ajaxStatus style="width:16px;height:16px;">
                <f:facet name="start">
                    <h:graphicImage value="http://www.primefaces.org:8080/showcase/design/ajaxloading.gif" />
                </f:facet>
                <f:facet name="complete">
                    <h:outputText value="" />
                </f:facet>
            </p:ajaxStatus>

            <h:panelGrid columns="2" columnClasses="column" cellpadding="5">
                <h:panelGrid columns="2" border="1" columnClasses="column" cellpadding="5">

                    <h:outputText value="Groupon Name" style="font-weight:bold; text-align:center; font-size:12px" />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.name}" />

                    <h:outputText value="Company name" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpName}" />

                    <h:outputText value="Original Price" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.originalPrice} SGD"/>

                    <h:outputText value="Offered Price" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.offeredPrice} SGD"/>

                    <h:outputText value="Proposed Commission" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.percentCommissionSetByStakeholder}%"/>


                    <h:outputText value="Minimum Issued Quantity" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.minimumIssuedQuantity}"/>

                    <h:outputText value="Maximum Issued Quantity" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.maximumIssuedQuantity}"/>

                    <h:outputText value="Start Selling Date" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.startDate}">
                        <f:convertDateTime dateStyle="full" pattern="EEE, dd/MM/yyyy" timeZone="EST" type="date" />
                    </h:outputText>

                    <h:outputText value="End Selling Date" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.endDate}">
                        <f:convertDateTime dateStyle="full" pattern="EEE, dd/MM/yyyy" timeZone="EST" type="date" />
                    </h:outputText>

                    <h:outputText value="Groupons Valid From" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.startValidDate}">
                        <f:convertDateTime dateStyle="full" pattern="EEE, dd/MM/yyyy" timeZone="EST" type="date" />
                    </h:outputText>

                    <h:outputText value="Groupons Valid Until" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.endValidDate}">
                        <f:convertDateTime dateStyle="full" pattern="EEE, dd/MM/yyyy" timeZone="EST" type="date" />
                    </h:outputText>                                      

                    <h:outputText value="Status" style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.status}"/>

                    <h:outputText value="Remarks from stakeholder: " style="font-weight:bold; text-align:center; font-size:12px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.remarkFromStakeholder}"/>

                </h:panelGrid>

                <p:graphicImage id="imageDisplay" value="/images/upload/media/#{grouponManagerBean.selectedGrouponApplication.imageURL}"
                                height="300" width="450"/> 

            </h:panelGrid>  
            <br/>
            <p:fieldset legend="Highlights" toggleable="true" toggleSpeed="500"
                        onToggleUpdate="growl" style="width:900px">
                <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.highlights}" escape="false"/>
            </p:fieldset>
            <br/>
            <p:fieldset legend="Fine Print" toggleable="true" toggleSpeed="500"
                        onToggleUpdate="growl" style="width:900px">
                <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.fineprint}" escape="false"/>
            </p:fieldset>
            <br/>
            <p:fieldset legend="Description" toggleable="true" toggleSpeed="500"
                        onToggleUpdate="growl" style="width:900px">
                <h:panelGrid columns="1" cellpadding="10">
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.name}" style="font-weight:bold; text-align:center; font-size:14px"/>
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.description}" escape="false"/>
                </h:panelGrid>
            </p:fieldset>
            <br/>

            <p:fieldset legend="Company's contact information" toggleable="true" toggleSpeed="500"
                        onToggleUpdate="growl" style="width:900px">
                <h:panelGrid columns="2" columnClasses="column" cellpadding="5">
                    <h:outputText value="Company name: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpName}" />

                    <h:outputText value="Contact person: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpContactPerson}" />

                    <h:outputText value="Phone number: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpContactNumber}" />

                    <h:outputText value="Fax number: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpFaxNumber}" />

                    <h:outputText value="Email address: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.corpEmail}" />

                    <h:outputText value="Office number: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.address.houseNumber}" />

                    <h:outputText value="Building name: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.address.buildingName}" />

                    <h:outputText value="Street name: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.address.streetName}" />

                    <h:outputText value="Postal code: " />
                    <h:outputText value="#{grouponManagerBean.selectedGrouponApplication.stakeholder.address.postalCode}" />

                </h:panelGrid>
            </p:fieldset>
            <br/>

            <h:panelGrid columns="3" columnClasses="column" cellpadding="5">
                <h:outputText value="Commission Required :" />
                <p:inputText id="TCubeCommission" value="#{grouponManagerBean.selectedGrouponApplication.percentCommissionSetByTCube}">
                    <p:ajax event="blur" update="TCubeCommissionMsg" />
                </p:inputText>
                <p:message id="TCubeCommissionMsg" for="TCubeCommission" />

                <h:outputText value="Add a remark : " />
                <p:inputTextarea style="width:300px;height:100px;" effectDuration="400" id="remark" value="#{grouponManagerBean.selectedGrouponApplication.remarkFromTCube}">
                    <p:ajax event="blur" update="remarkMsg" />
                </p:inputTextarea>
                <p:message id="remarkMsg" for="remark" />
            </h:panelGrid>

            <h:panelGrid columns="3" columnClasses="column" cellpadding="5">
                <p:commandButton id="back" value="Back" ajax="true" action="staff/TCubeViewAllGrouponApplications?faces-redirect=true"/>
                <p:commandButton id="accept" value="Accept this application" onclick="acceptconfirmation.show()" ajax="true" type="button"/>
                <p:commandButton id="deny" value="Reject this application" onclick="denyconfirmation.show()" ajax="true" type="button"/>
            </h:panelGrid>

            <p:confirmDialog message="Are you sure about accepting this groupon application?"  
                             showEffect="bounce" hideEffect="explode" header="Accepting a groupon application" severity="alert" widgetVar="acceptconfirmation">       
                <p:commandButton value="Yes" update="messages" onclick="acceptconfirmation.hide()" actionListener="#{grouponManagerBean.acceptGrouponApplication}" />  
                <p:commandButton value="No" onclick="acceptconfirmation.hide()" type="button" />   
            </p:confirmDialog>

            <p:confirmDialog message="Are you sure about denying this groupon application?"  
                             showEffect="bounce" hideEffect="explode" header="Denying a groupon application" severity="alert" widgetVar="denyconfirmation">       
                <p:commandButton value="Yes" update="messages" onclick="denyconfirmation.hide()" actionListener="#{grouponManagerBean.denyGrouponApplication}" />  
                <p:commandButton value="No" onclick="denyconfirmation.hide()" type="button" />   
            </p:confirmDialog>         
        </p:fieldset>
    </ui:define>
</ui:composition>
